function  toggleContent(o){

    let loginE = document.getElementById("login");
    let registerE = document.getElementById("register");
    let redLineE = document.getElementById("redline");
    let loginContentE = document.getElementById("login-content");
    let registerContentE = document.getElementById("register-content")

    // 判断当前是那个被点击

   if(o == "register"){
    loginE.classList.add("gray");
    registerE.classList.remove("gray");
       redLineE.classList.remove("animToLogin");
       redLineE.classList.add("animToRegeist");
       loginContentE.classList.add("nodisplay");
       registerContentE.classList.remove("nodisplay")

   }else{
       registerE.classList.add("gray")
       loginE.classList.remove("gray");
       redLineE.classList.remove("animToRegeist");
       redLineE.classList.add("animToLogin");
       registerContentE.classList.add("nodisplay");
       loginContentE.classList.remove("nodisplay")
   }

}
let  timer ;
function sendMsg(){
    // 获取要发送的数据
    let phone = $("#register-phone").val();
    let msg = $("#register-msgcode").val();
    let interval ;
    // 发送ajax请求
    $.ajax({
        url:'register',
        type:"GET",
        data:{'phone':phone,'msg':msg,'action':'pageMsgcheck'},
        success:function (data,res){
            if(data == '0'){
                alert("页面验证码失败，请重写输入！");
            }else{
                // 切换页面展示 等待用户输入短信信息
                //1 选择页面元素
                $(".register-main").hide(500);
                $(".input-short-msg").show(500)
                // 开始计时 1分钟后让重新发送短信可用。
                timer= setInterval(changHtml,1000);

            }
        },

    })

}
let count = 10;
// 更换 重新返送按钮的文本
function changHtml(){
    let content;
    if(count <= 0){
        content= "重新发送短信";
        // 停止计时器继续执行。

        clearInterval(timer);
        // 让按钮可用
        $("#short-tip").attr("disabled",false);
    }else{
        content = "重新发送短信（"+count+"s)"
    }
    $("#short-tip").html(content);

    count --;
}
function  flushMsgCode(){
    // 重新请求servlet获取验证码图片
    //http://localhost:8080/mishop2021_war/msg.jpg
    let imgE = document.getElementById("msgcode");
    imgE.src="http://localhost:8090/mishopserver2021_war/msg.jpg";
}

// 注册 提交
function register(){
    let shortmsg = $("#short-msg").val();
    $.ajax({
        url:'register',
        type:"GET",
        data:{'action':'shortmsgcheck','shortmsg':shortmsg},
        success:(data,res)=>{
            // 请求成功要做的操作
            if(data == '0'){
                alert("短信验证码输入错误，请重新输入！");
            }else if(data== '1'){
                // 切换页面显示 显示输入密码的页面
                $(".input-short-msg").hide(100);
                $(".input-pwd").show(100);
            }else if(data=="2"){
                // 页面显示的是登陆元素
                $("#register-content").hide(100);
                $("#login-content").show(100);
                $("#info").html("您已经注册过，请直接登陆");
                $("#info").css("color","red");
                $("#redline").removeClass("animToRegeist");
                $("#redline").addClass("animToLogin");
                $("#register").addClass("gray");
                $("#login").removeClass("gray");
            }
        }
    })
}

function  addUserInfo(){
    // 1 比较页面两个密码是否一致
    let pwd1 = $("#pwd1").val();
    let pwd2 = $("#pwd2").val();
    if(pwd1 == pwd2){
        // 2 将密码提交到后 并且将用户信息保存到数据库
        $.ajax({
            url:'register',
            type:'POST',
            data:{'action':"registeUser",'pwd':pwd1},
            success:(data)=>{
                if(data == '1'){
                alert("恭喜您，注册成功，请登陆！");
                $("#redline").removeClass("animToRegeist");
                $("#redline").addClass("animToLogin");
                $("#register").addClass("gray");
                $("#login").removeClass("gray");
                    $("#register-content").hide(100);
                    $("#login-content").show(100);
                }else{
                    alert("注册失败，请稍后再试");
                }
            },
            error:()=>{
                alert("注册失败，请稍后再试");
            }
        })
    }else{
        alert("两次密码不一致，请重新输入");
    }


}